<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>usercourse</title>
		<link rel="stylesheet" href="../../resources/css/usercourse.css" />
		<link rel="stylesheet" href="../../resources/layui/css/layui.css" />
	</head>

	<body>
		<div class="content">
			<ul class="layui-timeline">
				<!--<li class="layui-timeline-item">
					<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
					<div class="layui-timeline-content layui-text">
						<h3 class="layui-timeline-title">8月18日</h3>
						<div class="usercourse">
							<div class="courselist_item">
								<a href="usercourses.jsp" target="_blank">
									<img width="200" height="113" alt="" src="../../resources/images/course/course1.png" />
								</a>
							</div>
							<div class="r_content">
								<div class="course_title">
									<h3 class="">HTML5和CSS3扁平化风格博客<span class="state">状态</span></h3>

								</div>
								<div class="course_text">
									简介：本课程通过CSS3扁平化风格博客的实例详细讲解，让大家更容易理解常规网页的组成部分，灵活的使用不同部分WEB组件，理解它的构成思想，以及网页灵活的布局和设计。我们也可以由宏观到微观去掌握整体的布局。
								</div>
								<div class="other">
									<span class="layui-icon layui-icon-dialogue"><a href="usercourses.jsp" target="_blank" class="course_comment">评论</a></span>
									<span class="layui-icon layui-icon-dialogue"><a href="usercourses.jsp" target="_blank" class="course_comment">评论</a></span>
									<span class="layui-icon layui-icon-log"><a href="usercourses.jsp" target="_blank" class="course_comment">123人</a></span>
								</div>
								<a class="againlearn layui-btn layui-btn-danger" href="usercourses.jsp" target="_blank">继续学习</a>
							</div>
						</div>

						<div class="usercourse">
							<div class="courselist_item">
								<a href="usercourses.jsp" target="_blank">
									<img width="200" height="113" alt="" src="../../resources/images/course/course1.png" />
								</a>
							</div>
							<div class="r_content">
								<div class="course_title">
									<h3 class="">HTML5和CSS3扁平化风格博客<span class="state">状态</span></h3>

								</div>
								<div class="course_text">
									简介：本课程通过CSS3扁平化风格博客的实例详细讲解，让大家更容易理解常规网页的组成部分，灵活的使用不同部分WEB组件，理解它的构成思想，以及网页灵活的布局和设计。我们也可以由宏观到微观去掌握整体的布局。
								</div>
								<div class="other">
									<span class="layui-icon layui-icon-dialogue"><a href="usercourses.jsp" target="_blank" class="course_comment">评论</a></span>
									<span class="layui-icon layui-icon-dialogue"><a href="usercourses.jsp" target="_blank" class="course_comment">评论</a></span>
									<span class="layui-icon layui-icon-log"><a href="usercourses.jsp" target="_blank" class="course_comment">123人</a></span>
								</div>
								<a class="againlearn layui-btn layui-btn-danger" href="usercourses.jsp" target="_blank">继续学习</a>
							</div>
						</div>



					</div>
				</li>
				<li class="layui-timeline-item">
					<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
					<div class="layui-timeline-content layui-text">
						<h3 class="layui-timeline-title">8月16日</h3>
						<div class="usercourse">
							<div class="courselist_item">
								<a href="usercourses.jsp" target="_blank">
									<img width="200" height="113" alt="" src="../../resources/images/course/course1.png" />
								</a>
							</div>
							<div class="r_content">
								<div class="course_title">
									<h3 class="">HTML5和CSS3扁平化风格博客<span class="state">状态</span></h3>

								</div>
								<div class="course_text">
									简介：本课程通过CSS3扁平化风格博客的实例详细讲解，让大家更容易理解常规网页的组成部分，灵活的使用不同部分WEB组件，理解它的构成思想，以及网页灵活的布局和设计。我们也可以由宏观到微观去掌握整体的布局。
								</div>
								<div class="other">
									<span class="layui-icon layui-icon-dialogue"><a href="usercourses.jsp" target="_blank" class="course_comment">评论</a></span>
									<span class="layui-icon layui-icon-dialogue"><a href="usercourses.jsp" target="_blank" class="course_comment">评论</a></span>
									<span class="layui-icon layui-icon-log"><a href="usercourses.jsp" target="_blank" class="course_comment">123人</a></span>
								</div>
								<a class="againlearn layui-btn layui-btn-danger" href="usercourses.jsp" target="_blank">继续学习</a>
							</div>
						</div>
					</div>
				</li>-->
				<li class="layui-timeline-item">
					<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
					<div class="layui-timeline-content layui-text">
						<h3 class="layui-timeline-title">8月15日</h3>

					</div>
				</li>
				<li class="layui-timeline-item">
					<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
					<div class="layui-timeline-content layui-text">
						<div class="layui-timeline-title">过去</div>
					</div>
				</li>
			</ul>
		</div>
	</body>

</html>